body, html {width: 100%; height: 100%; padding: 0; margin: 0}

#header {height: 40px; border: 1px solid #eeeeee; padding: 0 0 5px 5px}
#header h2 {margin: 0; padding: 0}
#userInfo {float: right}

#wrapper {position: absolute; left: 0; top: 42px; bottom: 30px; right: 0px; overflow: hidden; border: 1px solid #eeeeee}

#wrapper #leftColumn {float: left; overflow-y: auto; overflow-x: hidden; width: 300px; height: 100%; border-right: 3px dotted #eeeeee}
#wrapper #rightColumn {overflow: auto; height: 100%;}

#footer {position: absolute; bottom: 0; left: 0; text-align: center; height: 28px; border: 1px solid #eeeeee}

#leftColumn  h2 {font-size: 120%}
#leftColumn  ul {padding: 0 0 0 10px}
#leftColumn  ul li {list-style-type: none;}
#leftColumn  ul li a {color: #404040; text-decoration: none;}
#leftColumn  ul li div.first {float: left; width: 30px; height: 30px; overflow: hidden}
#leftColumn  ul li div.first img {max-width: 30px; max-height: 30px;}
#leftColumn  ul li div.title {cursor: pointer; margin-left: 35px; height: 30px; font-weight: bold; font-size: 80%; overflow: hidden}

#mainMenu li a {font-size: 110%}

#pagesPlace {margin: 5px; font-size: 80%; font-weight: bold}
#pages {display: inline}
#pages a {color: #333333; text-decoration: none; font-weight: normal}
#pages a:hover {text-decoration: underline;}

#channelsList {margin-left: 10px 0 10px 10px;}
#channelsList .channel {float: left; width: 400px; height: 250px; background: #eeeeee; margin: 0 30px 30px 0; padding: 5px;}
#channelsList .channel .image {float: left; width: 150px; height: 150px; overflow: hidden; background: #cecece}
#channelsList .channel .image img {margin: auto; max-width: 150px; max-height: 150px}
#channelsList .channel .info {margin-left: 155px;}
#channelsList .channel .info h3 {margin: 0 0 2px 0px; padding: 0px; font-size: 90%; cursor: pointer}
#channelsList .channel .info .description {font-size: 60%; text-decoration: italic; max-height: 30px; overflow: hidden}
#channelsList .channel .info p {margin: 0; padding: 1px}
#searchForm {border: 1px solid; margin: 5px; background: #efefef; padding: 5px}
#searchForm div {display: inline; margin: 0 10px 3px 0; white-space: nowrap; width: 250px}
#searchForm div label {font-size: 80%; font-weight: bold; width: 90px; margin-right: 10px}
#searchForm div input {border: 1px solid; font-size: 80%; width: 100px;}

#channelInfo #channelName {font-size: 120%; margin: 2px; padding: 0;}
#channelInfo #channelBasic {margin-bottom: 10px; }
#channelInfo #channelBasic a {color: #333333; text-decoration: none;}

#itemsFilter {border: 1px solid; background-color: #aaaaaa; padding: 5px;}
#itemsFilter div {display: inline; margin-right: 30px;}
#itemsFilter div label {font-size: 80%; font-weight: bold; margin-right: 10px;}
#itemsFilter div input {border: 1px solid #000; font-size: 80%}
#itemsFilter div input[type=text] {width: 50px}

#itemsList {margin: 5px}
#itemsList .item {margin: 10px 0 10px 0; background: #eeeeee;}
#itemsList .item p {margin: 0 0 3px 0}
#itemsList .item .image {float: left; width: 30px; height: 30px; overflow: hidden}
#itemsList .item .image img {max-height: 30px; max-width: 30px; margin: auto}

#itemsList .item .info {margin-left: 35px}
#itemsList .item h3 {font-size: 120%; margin: 0 0 5px 0;}
#itemsList .item .description {font-size: 100%;}
#itemsList .item .basic {color: #333333; font-size: 80%;}
#itemsList .item .basic a {color: #333333}
#itemsList .item .preview a {font-size: 80%; font-weight: bold;}
#itemsList .image img {max-width: 30px; max-height: 30px}
#itemsList .image {float: left; width: 30px;}
